<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv ="Content-Typecontent=text/html; X-UA-Compatible" content="sie-edge" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<link rel="shortcut icon" href="image/favicon.png">
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<title>思维脑图</title>
		<!--图标库-->
		<script type="text/javascript" src="https://unpkg.com/ionicons@4.2.2/dist/ionicons.js"></script>
	</head>
	<body>
		<div class="container" id="container">
			<div class="form-container sign-up-container">
				<form action="#">
					<h1>注册脑图</h1>
					<div class="social-container"> <a href="#" class="social">
							<ion-icon name="logo-facebook"></ion-icon>
						</a> <a href="#" class="social">
							<ion-icon name="logo-googleplus"></ion-icon>
						</a> <a href="#" class="social">
							<ion-icon name="logo-linkedin"></ion-icon>
						</a> </div>
					<span>或使用您的电子邮箱注册</span>
					<input type="text" placeholder="姓名" id="regname">
					<input type="email" placeholder="邮箱" id="regemail">
					<input type="password" placeholder="密码" id="regpass">
					<button type="button" onclick="reg()">注册</button>
				</form>
			</div>
			<div class="form-container sign-in-container">
				<form action="#">
					<h1>登录脑图</h1>
					<div class="social-container"> <a href="#" class="social">
							<ion-icon name="logo-facebook"></ion-icon>
						</a> <a href="#" class="social">
							<ion-icon name="logo-googleplus"></ion-icon>
						</a> <a href="#" class="social">
							<ion-icon name="logo-linkedin"></ion-icon>
						</a> </div>
					<span>或用邮箱登录</span>
					<input type="email" placeholder="邮箱" id="loginemail">
					<input type="password" placeholder="密码" id="loginpass">
					<button type="button" onclick="login()">登录</button>
				</form>
			</div>
			<div class="overlay-container">
				<div class="overlay">
					<div class="overlay-panel overlay-left">
						<h1>欢迎回来</h1>
						<p>与我们保持联系请登录您的个人信息</p>
						<button type="button" class="ghost" id="signIn">登录</button>
					</div>
					<div class="overlay-panel overlay-right">
						<h1>欢迎光临</h1>
						<p>输入您的个人资料，并与我们一起开始旅程</p>
						<button type="button" class="ghost" id="signUp">注册</button>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="js/script.js"></script>
		<script type="text/javascript" src="js/md5.js"></script>
		<script type="text/javascript" src="kityminder/jquery/jquery.js"></script>
	</body>
</html>
